<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
	layout:decorator="layouts/layout" th:with="header='入库日报表', subtext='管理系统中入库日报表数据'"  style="overflow: hidden;">
<head>
<title>入库日报表</title>
    <style  type="text/css">
        .label-width-1{
            width: 60px;
        }
    </style>
</head>
<body style="overflow: hidden;">

	<th:block layout:fragment="pageheader">
	</th:block>
	<th:block layout:fragment="content">
		<div id="query-area" class="box-body m-b-sm border-bottom">
			<form class="form-horizontal search-form" role="form" novalidate="novalidate">

                <div class="row">
                    <div class="text-left">
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label class="control-label col-lg-4 label-width-1">日期</label>
                                <div class="col-lg-8"> <input id="transDate" class="form-control form_datetime">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row m-t">
                    <div class="col-lg-12 seach-button">
                        <div class="pull-right">
                            <button type="submit" id="search" class="btn btn-primary">
                                <i class="fa fa-search"></i> 搜索
                            </button>
                            <button type="reset" id="clear" class="btn btn-danger">
                                <i class="fa fa-remove"></i> 清除
                            </button>
                        </div>
                    </div>
                </div>

			</form>
		</div>

		<div class="row">
			<div class="col-lg-12">
				<div class="box">
					<div class="box-body">
						<h2>
			                <a class="btn btn-info export" th:title="导出数据" target="_blank">
			                  <i class="fa fa-fw fa-cloud-download"></i> 导出
			                </a>
						</h2>

                        <div id="tableWrapper">
                            <table id="dailyReportTable" class="table table-striped table-hover table-bordered table-fixed">
                                <thead style="position:sticky;top:0;z-index:10;">

			                  <tr>
			                    <th style="width:100px;">日期</th>
			                    <th style="width:60px;">物料编码</th>
			                    <th style="width:100px;">物料名称</th>
			                    <th style="width:180px;">批号</th>
			                    <th style="width:80px;">合计(托)</th>
			                    <th style="width:60px;">合计(件)</th>

			                  </tr>
			                </thead>
			                <tbody>
			                </tbody>
			              </table>
			            </div>
					</div>
				</div>
			</div>
		</div>
		<form id="exportForm" method="post" style="display: none" th:action="@{|${baseUrl}/export|}">
		</form>

	</th:block>
	<th:block layout:fragment="scripts">
		<script th:inline="javascript"></script>
	    <script th:src="@{|${theme}/plugins/fullcalendar/moment.min.js?v=${applicationVersion}|}"></script>
    	<script th:src="@{|${theme}/plugins/datetimepicker/bootstrap-datetimepicker.min.js?v=${applicationVersion}|}" th:inline="javascript"></script>
    	<script th:src="@{|${theme}/plugins/datetimepicker/locales/bootstrap-datetimepicker.zh-CN.js?v=${applicationVersion}|}" th:inline="javascript"></script>
		<script th:src="@{|${theme}/js/app/report/dailyinbound_report.js?v=${applicationVersion}|}" th:inline="javascript"></script>
	</th:block>
</body>

</html>
